﻿<html>
<head>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="StyleSheet" href="iPhoneMapStylesheet.css" type="text/css" media="screen" />
    <link rel="apple-touch-icon" href="Images/iPhoneIcon.png"/>
    <script type="text/javascript">
        document.write('<link rel="apple-touch-startup-image" href="Images/');
        if(navigator.platform === 'iPad') document.write('File-ipad/');
        document.write('iPhoneSplash.png" />');
    </script>

    <title>VirtualRadar</title> <!-- would prefer 'Virtual Radar' but 1 character too long for web app title! :( -->

    <script type="text/javascript">
        var MapMode = { normal: 0, flightSim: 1, iPhone: 2 };
        var _MapMode = MapMode.iPhone;
    </script>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.10&sensor=true"></script>
    <script type="text/javascript" src="MarkerWithLabel.min.js"></script>
    <script type="text/javascript" src="ServerConfig.js"></script>
    <script type="text/javascript" src="Common.js"></script>
    <script type="text/javascript" src="Events.js"></script>
    <script type="text/javascript" src="XHR.js"></script>
    <script type="text/javascript" src="GoogleMap.js"></script>
    <script type="text/javascript" src="GoogleMapAircraftCollection.js"></script>
    <script type="text/javascript" src="GoogleMapAircraftListOptions.js"></script>
    <script type="text/javascript" src="GoogleMapAutoSelect.js"></script>
    <script type="text/javascript" src="GoogleMapTimeout.js"></script>
    <script type="text/javascript" src="GoogleMapCurrentLocation.js"></script>
    <script type="text/javascript" src="GoogleMapMarker.js"></script>
    <script type="text/javascript" src="GoogleMapMarkerCollection.js"></script>
    <script type="text/javascript" src="GoogleMapOptions.js"></script>
    <script type="text/javascript" src="GoogleMapInfoButton.js"></script>
    <script type="text/javascript" src="GoogleMapGotoCurrentLocationButton.js"></script>
    <script type="text/javascript" src="GoogleMapGeolocation.js"></script>
    <script type="text/javascript" src="iPhoneMapPages.js"></script>
    <script type="text/javascript" src="iPhoneMapPlaneList.js"></script>
    <script type="text/javascript" src="iPhoneMapAircraftDetail.js"></script>
    <script type="text/javascript" src="iPhoneMapInfoWindow.js"></script>
    <script type="text/javascript" src="iPhoneMapOptionsUI.js"></script>
</head>
<body onload="initialise()">
    <div id="iPhonePages">
        <div id="map_canvas"></div>
        <div id="plane_list"></div>
        <div id="aircraft_detail"></div>
        <div id="options"></div>
    </div>
    <div id="timeout"></div>
</body>
</html>